$(function () {

    // 全局变量  => 1. 记录页面加载的默认值  2. 点击修改后的数值
    var key = ""; // 页面加载时 默认搜索全部数据
    var orderCol = "id"; //页面加载时  默认按照 id排序
    var orderType = "asc"; // 页面加载时 默认升序
    var pageIndex = 1; // 页面加载时 默认显示第一页
    var showNum = 10; // 页面加载时 默认每页显示五条



    // 判断是否登录
    var tips = document.getElementsByClassName("tips")[0];
    var user = getCookie("lgc");
    if (user) {
        tips.innerHTML = `欢迎您,${user} <button onclick="exit()">退出</button>`;
    }
    //  退出
    function exit() {
        deleteCookie("lgc");
        location.reload();
    }

    //   点击跳转详情页面
    $('.list li img').click(function(){
        console.log(222);

        location.href=`../html/goodsDetail.html`
    })


    // 点击加入购物车

    

    loadGoods()
    //  重置

    $('.resetBtn').click(function () {


        key = ""; // 页面加载时 默认搜索全部数据
        orderCol = "id"; //页面加载时  默认按照 id排序
        orderType = "asc"; // 页面加载时 默认升序
        pageIndex = 1; // 页面加载时 默认显示第一页
        showNum = 10; // 页面加载时 默认每页显示五条
        loadGoods();

    })


    // 搜索框

    $('.searchBox').click(function () {
        key = $(this).find('.searchCon').val().trim();
        console.log(key);

        loadGoods();
    })

    // 切换每页显示的页数

    $('.select').change(function () {
        // console.log(222);
        showNum = $(this).val().trim();
        loadGoods();

    })


    // 排序  
    $('.search_bar ').click(function () {
        var e = e || window.event;
        var target = e.target || e.srcElement;
        if (target.className == "orderCol") {
            orderCol = target.value;
            console.log(orderCol);
        } else if (target.className == "orderType") {
            orderType = target.value;
            console.log(orderType);
        }

        loadGoods();
    })
    // 商品信息
    function loadGoods() {

        $.ajax({
            type: "get",
            url: "../php/searchGoodsOrderLimit.php",
            data: {
                key,
                orderCol,
                orderType,
                pageIndex,
                showNum,
            },
            dataType: "json",
            success: function (result) {
                var {
                    status,
                    msg,
                    list,
                    currentIndex,
                    count,
                    maxPage
                } = result;
                // console.log(result);
                // console.log(status, currentIndex * 1, count, maxPage, list);

                if (status) {
                    if (list.length) {
                        var html = "";
                        list.forEach(
                            ({
                                id,
                                goodsId,
                                goodsName,
                                goodsPrice,
                                goodsImg,

                            }) => {
                                html += `<li>
                  <a href="../html/goodsDetail.html?gid=${goodsId}">
                         <img src="${goodsImg}"alt=""></a>
                <p class="info">${goodsName}</p>
                <p class="price">￥<span>${goodsPrice}</span> </p>
                
                </li>`;
                            }
                        );

                        $(".list").html(html);


                        //  改变鼠标样式
                        $(".prev").css('cursor', 'pointer')
                        $(".next").css('cursor', 'pointer')

                        // 计算页码

                        pageIndex = pageIndex > maxPage ? maxPage : pageIndex;
                        console.log(pageIndex);
                        $('.pageTips').text(`${currentIndex * 1}/${maxPage}`);                  
                        $('.prev').off();
                        $('.prev').click(function () {
                            // console.log(pageIndex);

                            if (pageIndex <= 1) return false;
                            pageIndex--;
                            loadGoods();

                        })

                        // 下翻页
  
                        $('.next').off()
                        $('.next').click(function () {
                            // console.log(pageIndex);
                            if (pageIndex >= maxPage) return false;
                            pageIndex++;
                            loadGoods();

                        })
                    } else {
                        $('.listPage').text("暂无数据");
                    }
                } else {
                    alert(msg);
                }
            },
        });
    }


})